@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.card { animation: fadeIn 0.5s ease-out; }


@media (max-width: 768px) {
    .dish-card { margin-bottom: 1.5rem; }
    .price-tag { font-size: 1.2rem; }
}

:root {
    --primary-color: #ff6b6b;
    --secondary-color: #4ecdc4;
}
.btn-primary { background: var(--primary-color); }